<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
	<title>商城商城会员圈</title>
	<link rel="stylesheet" type="text/css" href="../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../css/app.css" />
	<style type="text/css">
		#app {
			/*background:rgba(240,241,242,1);*/
		}

		body {
			background: rgba(240, 241, 242, 1);
			/*background-color:white;*/
		}

		.aui-tab {
			/*box-shadow: 0 0 1rem #e6e6e6;*/
		}

		.aui-tab .aui-tab-item {
			height: 2.5rem;
			line-height: 2.5rem;
			font-size: 0.8rem;
		}

		.aui-tab .aui-tab-item span {
			display: inline-block;
			height: 100%;
			padding: 0 .5rem;
			font-size: .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
		}

		.ming-card-list {
			background-color: #FFFFFF;
			padding: 0 .75rem;
			margin-bottom: .5rem;
		}

		.ming-card-list-header {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 0.5rem;
			padding-top: .75rem;
		}

		.ming-card-list-header-avatar img {
			width: 1.7rem;
			border-radius: 50%;
		}

		.ming-card-list-header-userinfo {
			flex: 1;
			margin-left: 0.3rem;
		}

		.ming-card-list-content {
			margin-bottom: .5rem;
			isplay: inline-block;
			width: 88.5%;
			font-size: .8rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
			float: right;
		}

		.ming-card-list-content-img {
			/*padding-top: 0.5rem;*/
			padding-bottom: 0.75rem;
		}

		.ming-card-list-content-img img {
			border-radius: 0.2rem;
		}

		.ming-card-list-content-img .aui-row .aui-col-xs-4 {
			padding: 0 0.25rem;
		}

		.ming-card-list-footer {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding-top: 0rem;
			margin: 0 1.4rem;
		}

		.ming-card-list-footer img {
			width: 1.1rem;
			display: inline-block;
			vertical-align: middle;
		}

		.sanjiao {
			margin-left: 15px;
			width: 0;
			height: 0;
			border-left: 9px solid transparent;
			border-right: 9px solid transparent;
			border-bottom: 14px solid #F5F5F5;
		}
		/*.tag-time {
				display: inline-block;
				background-color: #FF3862;
				color: #FF6642;
				height: 1rem;
				width: 1rem;
				line-height: 1rem;
				font-size: 0.6rem;
				border-radius: 3px;
			}*/

		.tag-time {
			display: inline-block;
			/*background-color: #FF3862;*/
			height: 1rem;
			width: 1.3rem;
			line-height: 1rem;
			border-radius: .15rem;
			font-size: .9rem;
			font-family: Akrobat-Bold;
			font-weight: bold;
			color: rgba(255, 102, 66, 1);
		}

		.ming-active-goods-list {
			padding: 0 0.75rem;
		}

		.ming-active-goods-list-item {
			padding: 0rem 0;
			display: flex;
			flex-direction: row;
		}

		.ming-active-goods-list-item:first-child {
			padding-top: 0;
		}

		.ming-active-goods-list-item-img img {
			width: 4.3rem;
			border-radius: 5px;
		}

		.ming-active-goods-list-item-right {
			padding-left: 0.75rem;
			display: flex;
			flex: 1;
			flex-direction: column;
			justify-content: space-between;
		}

		.aui-progress.sm,
		.aui-progress-sm,
		.aui-progress.sm .aui-progress-bar,
		.aui-progress-sm .aui-progress-bar {
			border-radius: 0.5rem;
		}

		.overlap {
			font-size: .5rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			line-height: 0.7rem;
			text-align: left;
			padding-top: 1px;
			padding-left: 0.3rem;
			position: relative;
			z-index: 1;
		}

		.aui-progress-sm {
			width: 50%;
			background-color: #F6F6F6;
			/*border: 1px solid #FF3862;*/
			margin: 0.2rem 0;
		}

		.aui-progress-bar {
			/*background-color: #FF3862;*/
			background: linear-gradient(135deg, rgba(227, 234, 86, 1) 0%, rgba(162, 225, 58, 1) 100%, rgba(122, 174, 229, 1) 100%);
		}

		.tag-tuangou {
			display: inline-block;
			font-size: 0.8rem;
			color: #FFFFFF;
			background-color: #FF3862;
			height: 1.4rem;
			line-height: 1.4rem;
			padding: 0 1.1rem;
			border-radius: 1.4rem;
			box-shadow: 0 5px 10px RGBA(255, 210, 210, 0.7);
		}

		.fade-enter-active,
		.fade-leave-active {
			transition: opacity 0.3s linear;
		}

		.fade-enter,
		.fade-leave-to {
			opacity: 0;
		}

		.aui-ellipsis-2 {
			-webkit-line-clamp: 2;
			max-height: 2.2rem;
		}

		.linear span {
			position: relative;
			background: linear-gradient(-152deg, #ee02fd, #9972e6);
			background: -webkit-linear-gradient(-152deg, #ee02fd, #9972e6);
			color: #72D5EF;
			-webkit-background-clip: text;
			-webkit-text-fill-color: rgba(114, 213, 239, 1);
			border-bottom: 0.1rem solid #72D5EF;
			border-bottom-left-radius: 0.05rem;
			border-bottom-right-radius: 0.05rem;
			font-size: 0.75rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(114, 213, 239, 1);
		}

		.tab-item {
			width: 100%;
			height: 2.2rem;
			line-height: 2.2rem;
			position: relative;
			font-size: 0.7rem;
			text-align: center;
			color: #666666;
			margin-left: -1px;
			-webkit-box-flex: 1;
			box-flex: 1;
		}

		.swit {
			color: red;
		}

		.aui-col-xs-4 {
			width: 33.33333333%;
			margin: 0;
			padding: 0;
			margin-bottom: .5rem;
		}

		.circle_tab {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 0.6rem 1.1rem 0 1.1rem;
			font-size: 0.75rem!important;
			font-family: PingFangSC-Regular!important;
			font-weight: 400!important;
			color: rgba(34, 34, 34, 1)!important;
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
		}

		.circle_tab_item {
			padding: 0 0.5rem 0.4rem 0.5rem;
		}

		.active_active_tab {
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(0, 90, 147, 1);
			border-bottom: 0.03rem solid rgba(0, 90, 147, 1);
			border-radius: 0.05rem;
		}

		.newest {
			padding: 0.75rem;
			padding-bottom: 0;
			/*border-bottom: 0.5rem solid rgba(246, 246, 246, 1);*/
			margin: 0.7rem;
			background-color: #fff;
			border-radius: 0.4rem;
			/*border: 1px solid black;*/
		}

		.newest_head {
			display: flex;
			/*padding-left: 0.5rem;*/
		}

		.headPortrait {
			width: 1.7rem;
			height: 1.7rem;
			margin-right: 0.3rem;
			margin-top: 0.55rem;
		}

		.headPortrait img {
			border-radius: 50%;
		}

		.newest_name_time {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			margin-right: auto;
			margin-top: 0.55rem;
		}

		.newest_name {
			font-size: 0.7rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(46, 46, 46, 1));
			margin-bottom: 0.1rem;
		}

		.newest_time {
			font-size: 0.5rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.more_circle {
			display: inline-block;
			width: 1rem;
			height: 1rem;
			margin-top: 0.55rem;
			/*padding-top: 0.5rem;*/
		}

		.contTit {
			font-size: 0.8rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(46, 46, 46, 1);
			line-height: 1rem;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			/*padding-left: 0.5rem;*/
			width: 15.3rem;
			margin-top: 0.5rem;
			/*margin: 0.5rem 0 0.5rem 2rem;*/
		}

		.newest_cont {
			/*margin: 0.5rem 0 0 0.6rem;*/
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			font-size: 0.7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(128, 128, 128, 1);
			margin-top: 0.3rem;
			/*width: 15.3rem;*/
			/*height: 3rem;*/
			/*border: 1px solid black;*/
		}

		.newest_cont p {
			color: rgba(128, 128, 128, 1);
			overflow: hidden;
			text-overflow: ellipsis;
			/*white-space: nowrap;*/
			height: 1rem;
			margin: 0;
			/*display: inline-block;*/
		}

		.newest_cont img {
			display: none;
		}
		/*.newest_cont >>> *{
			 overflow: hidden;
	 }*/

		.newest_banner {
			/*margin-left: 2.05rem;*/
			width: 15.25rem;
			margin: 0 0.75rem 0 2rem;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding-bottom: 0.75rem;
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
		}

		.newest_banner:after {
			content: '';
			width: 4.95rem;
		}

		.newest_banner img {
			width: 4.95rem;
			height: 4.95rem;
			display: block;
			border-radius: 0.2rem;
		}

		.newest_banner_only {
			/*padding-bottom: 0.75rem;
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);*/
		}

		.newest_banner_only img {
			width: 15.25rem;
			height: 8.6rem;
			border-radius: 0.2rem;
			display: block;
		}
		/*点赞 评论 收藏*/
		/*#comment_wraper {
			margin-left: 2.05rem;
			display: flex;
			padding: 0.75rem 0.75rem 0.75rem 0;
			justify-content: space-around;
		}

		#comment_wraper>div {
			display: flex;
		}

		#comment_wraper>div img {
			width: 0.9rem;
			height: 0.85rem;
			margin-right: 0.15rem;
		}

		#comment_wraper>div span {
			font-size: 0.6rem;
			font-family:PingFangSC-Regular,PingFang SC;
			font-weight: 400;
			color: rgba(128, 128, 128, 1);
		}*/

		#comment_wraper {
			border-top: 1px solid rgba(192, 192, 192, 0.2);
			display: flex;
			justify-content: space-around;
			margin-top: 0.5rem;
			/*margin-left: 0.5rem;*/
			border-radius: 0.4rem;
		}

		.wraperImg {
			width: 0.8rem;
			height: 0.8rem;
		}

		.wraperSpan {
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(128, 128, 128, 1);
			display: inline-block;
			font-size: 0.65rem;
			line-height: 0.8rem;
			margin-left: 0.2rem;
		}

		.zanBox {
			/*border: 1px solid black;*/
			display: flex;
			justify-content: flex-start;
			padding: 0.2rem;
			margin: 0.35rem;
		}

		.pingBox {
			/*border: 1px solid black;*/
			display: flex;
			justify-content: flex-start;
			padding: 0.2rem;
			margin: 0.35rem;
			/*margin-left: 0.8rem;*/
		}

		.cangBox {
			/*border: 1px solid black;*/
			display: flex;
			justify-content: flex-start;
			padding: 0.2rem;
			margin: 0.35rem;
		}

		.latestRelease {
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
			display: flex;
			align-items: center;
			padding: 0.75rem 0.75rem 0.9rem 0.75rem;
		}

		.latestRelease>div>div {
			display: flex;
			align-items: center;
		}

		.latestRelease>div>div img {
			width: 0.55rem;
			height: 0.6rem;
			margin-right: 0.25rem;
			font-size: 0.7rem;
		}
		/*最新发布*/

		.latestRelease_first {
			/*border: 1px solid black;*/
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(187, 187, 187, 1);
			background: rgba(240, 241, 242, 1);
			border-radius: 20px;
			/*padding: 0.5rem;*/
			text-align: center;
			line-height: 0.4rem;
			font-size: 0.65rem;
			padding-left: 0.75rem;
			width: 4rem;
			height: 1.35rem;
		}
		/*最新发布*/

		.latestRelease_first_active {
			/*border: 1px solid black;*/
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(0, 90, 147, 1);
			background: rgba(242, 247, 250, 1);
			border-radius: 20px;
			/*padding: 0.5rem;*/
			text-align: center;
			line-height: 0.4rem;
			font-size: 0.65rem;
			padding-left: 0.75rem;
			width: 4rem;
			height: 1.35rem;
		}

		.line_news {
			margin-right: 0.75rem;
			margin-left: 0.75rem;
		}
		/*被赞最多*/

		.latestRelease_second_active {
			/*border: 1px solid black;*/
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(0, 90, 147, 1);
			background: rgba(242, 247, 250, 1);
			border-radius: 20px;
			/*padding: 0.5rem;*/
			text-align: center;
			line-height: 0.4rem;
			font-size: 0.65rem;
			padding-left: 0.75rem;
			width: 4rem;
			height: 1.35rem;
		}

		.latestRelease_second {
			/*border: 1px solid black;*/
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(187, 187, 187, 1);
			background: rgba(240, 241, 242, 1);
			border-radius: 20px;
			/*padding: 0.5rem;*/
			padding-left: 0.75rem;
			text-align: center;
			line-height: 0.4rem;
			font-size: 0.65rem;
			/*padding: 0.6rem;*/
			width: 4rem;
			height: 1.35rem;
		}

		.seckill_header {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 1.05rem 0 0.55rem 0;
		}

		.seckill_header_time {
			display: flex;
			width: 3.6rem;
			font-size: 0.9rem;
			font-family: Akrobat-Bold;
			font-weight: bold;
			color: rgba(255, 102, 66, 1);
			line-height: 1.1rem;
			justify-content: space-between;
			;
		}

		.left_line {
			width: 3.65rem;
			height: 1px;
			background: rgba(198, 198, 198, 0.5);
			margin-right: 0.6rem;
		}

		.right_line {
			width: 3.65rem;
			height: 1px;
			background: rgba(198, 198, 198, 0.5);
			margin-left: 0.4rem;
		}

		.seckill_detail {
			display: flex;
			padding: 0.7rem 0.7rem 0 0.7rem;
			background: rgba(255, 255, 255, 1);
			border-radius: 8px;
			height: 3rem;
		}

		.seckill_detail .left_img {
			width: 5rem;
			height: 5rem;
			border-radius: 0.2rem;
			margin-right: 0.75rem;
		}

		.seckill_detail .left_img img {
			border-radius: 0.2rem;
			width: 100%;
			height: 100%;
		}

		.right_cont {
			/*border: 1px solid black;*/
		}

		.right_cont_title {
			width: 10.2rem;
			font-size: 0.7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
			line-height: 1rem;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			margin-bottom: 0.5rem;
		}

		.sale_count {
			width: 7.1rem;
			height: 0.7rem;
			background: rgba(246, 246, 246, 1);
			border-radius: 0.35rem;
			font-size: 0.5rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(153, 153, 153, 1);
			line-height: 0.7rem;
			padding-left: 0.5rem;
			margin-bottom: 0.7rem;
			padding-top: 1px;
		}

		.seckill_btn {
			display: flex;
			justify-content: space-between;
			/*border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);*/
			/*border: 1px solid black;*/
			padding-top: 0.35rem;
		}

		.buy_immediately {
			width: 3rem;
			height: 2.2rem;
			background: linear-gradient(270deg, rgba(0, 130, 213, 1) 0%, rgba(0, 90, 147, 1) 100%);
			border-radius: 0.2rem;
			text-align: center;
			line-height: 0.65rem;
			font-size: 0.7rem;
			font-family: PingFangSC-Regular;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			margin-bottom: 0.8rem;
			padding-top: 0.5rem;
			margin-right: 0.5rem;
		}

		.buy_immediately_ms {
			/*border: 1px solid black;*/
			width: 3rem;
			height: 2.2rem;
			background: linear-gradient(270deg, rgba(252, 125, 74, 1) 0%, rgba(247, 48, 36, 1) 100%);
			border-radius: 0.2rem;
			text-align: center;
			line-height: 0.65rem;
			font-size: 0.65rem;
			font-family: PingFangSC-Regular;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			/*margin-bottom: 0.8rem;*/
			padding-top: 0.5rem;
			margin-right: 0.5rem;
		}

		.buyNum {
			margin-top: 0.2rem;
			text-align: center;
			font-size: 0.3rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(255, 255, 255, 0.88);
			line-height: 8px;
		}

		.buy_immediately_end {
			width: 3.6rem;
			height: 1.4rem;
			background: rgba(238, 238, 238, 1);
			border-radius: 0.2rem;
			text-align: center;
			line-height: 1.4rem;
			font-size: 0.65rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			margin-bottom: 0.8rem;
		}

		.picture-list {
			overflow: hidden;
			/*margin-left: 2rem;*/
			border-bottom: 1px solid rgba(238, 238, 238, 0.5);
		}

		.is_img_padding {
			padding-bottom: 0.75rem;
		}

		.picture-list .li {
			float: left;
			width: calc(33.33% - 0.14rem);
			margin-right: 0.2rem;
			margin-bottom: 0.06rem;
			height: 4.95rem;
			/*border: 1px solid red;*/
		}

		.picture-list .li:nth-child(3n) {
			margin-right: 0;
		}

		.picture-list .li img {
			width: 100%;
			height: 100%;
			border-radius: 0.2rem;
		}

		.btn_refresh {
			width: 10rem;
			height: 2rem;
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
			border-radius: 1.23rem;
			font-size: 0.8rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			margin: 0 auto;
			margin-top: 2rem;
			line-height: 2rem;
			text-align: center;
		}

		.btn_play {
			position: absolute;
			width: 1.8rem;
			height: 1.8rem;
			left: calc(50% - 0.9rem);
			top: calc(50% - 0.9rem);
			z-index: 1000;
		}

		.btn_play img {
			width: 100%;
			height: 100%;
		}

		.aui-progress.sm,
		.aui-progress-sm,
		.aui-progress.sm .aui-progress-bar,
		.aui-progress-sm .aui-progress-bar {
			border-radius: 0.5rem;
		}

		.aui-progress-sm {
			width: 50%;
			background-color: #FFFFFF;
			border: 1px solid #FF3862;
			margin: 0.2rem 0;
		}

		.aui-progress-bar {
			background-color: #FF3862;
		}
		/*进度条*/

		.aui-progress.sm,
		.aui-progress-sm,
		.aui-progress.sm .aui-progress-bar,
		.aui-progress-sm .aui-progress-bar {
			border-radius: 0.5rem;
		}

		.aui-progress-sm {
			background: rgba(240, 241, 242, 1);
			/*margin: 0.2rem 0;*/
		}

		.aui-progress-bar {
			/*background-color: #FF3862;*/
			background: linear-gradient(135deg, rgba(227, 234, 86, 1) 0%, rgba(162, 225, 58, 1) 100%, rgba(122, 174, 229, 1) 100%);
		}

		.seckill_box {
			background: rgba(240, 241, 242, 1);
		}

		.seckill_div {
			/*border: 1px solid #ccc;*/
			background: rgba(255, 255, 255, 1);
			border-radius: 8px;
			margin: 0.4rem;
			height: 6.2rem;
		}

		.makeGroup_box {
			background: rgba(240, 241, 242, 1);
		}
		/*拼团信息*/

		.makeGroup {
			/*border: 1px solid #ccc;*/
			background: rgba(255, 255, 255, 1);
			border-radius: 8px;
			margin: 0.5rem;
			height: 6.2rem;
		}

		.makeGroup_num {
			display: inline-block;
			font-size: 0.4rem;
		}
		/*最新发布*/

		.newsBox {
			border-radius: 8px;
			background-color: white;
			margin: 0.2rem;
			padding: 0.2rem;
			width: 17rem;
		}
		/*新加样式*/

		.imgBox {
			/*border-bottom: 1px solid rgba(238, 238, 238, 0.5);*/
			width: 15rem;
			/*height: 6rem;*/
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			padding-bottom: 0.7rem;
			padding-top: 0.5rem;
			/*margin-left: 0.5rem;*/
		}

		.imgItem {
			width: 30%;
			height: 4.5rem;
			background: rgba(216, 216, 216, 1);
			border-radius: 4px;
			/*margin: 0.2rem;*/
			margin-left: 0.3rem;
			margin-top: 0.2rem;
		}

		.imgItem img {
			border-radius: 4px;
			width: 100%;
			height: 100%;
		}

		.scekillTime {
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 500;
			color: rgba(46, 46, 46, 1);
			font-size: 0.7rem;
			line-height: 0.65rem;
		}
		/*拼团现价*/

		.nowPrice {
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(233, 0, 0, 1);
			font-size: 1rem;
			line-height: 0.5rem;
		}
		/*原价*/

		.oldPrice {
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(179, 179, 179, 1);
			font-size: 0.5rem;
			line-height: 0.5rem;
		}
		/*秒杀数字*/

		.seckillNum {
			font-size: 0.8rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(247, 48, 36, 1);
			background: rgba(255, 230, 230, 1);
		}
		/*星级盒子*/

		.starsBox {
			/*border: 1px solid black;*/
			/*width: 3.5rem;*/
			display: flex;
			justify-content: flex-end;
			padding: 0.2rem;
		}

		.starsItem {
			width: 0.8rem;
			height: 0.8rem;
			margin-top: 0.8rem;
		}

		.starsItem img {
			width: 0.7rem;
			height: 0.7rem
		}

		.order_name {
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(46, 46, 46, 1);
			font-size: 0.75rem;
			/*margin-top: 0.5rem;*/
		}

		.time_distance {
			/*border: 1px solid black;*/
			height: 1rem;
			margin-top: 0.5rem;
			display: flex;
			flex-wrap: wrap;
			/*width: 6rem;*/
		}

		.timeText {
			font-size: 0.6rem;
			line-height: 0.5rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(179, 179, 179, 1);
		}

		.distanceText {
			font-size: 0.6rem;
			line-height: 0.5rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(179, 179, 179, 1);
			margin-left: 1rem;
		}

		.commentBox {
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(46, 46, 46, 1);
			font-size: 0.75rem;
			line-height: 1rem;
			/*margin-top: 0.2rem;*/
			width: 15rem;
		}

		.replyBox {
			width: 15rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(128, 128, 128, 1);
			line-height: 1.2rem;
			font-size: 0.7rem;
			background: rgba(245, 245, 245, 1);
			border-radius: 4px;
			padding: 0.2rem;
			/*margin-top: 0.3rem;*/
			padding-left: 0.5rem;
			/*text-align: center;*/
		}

		.goGoods {
			width: 15rem;
			background: rgba(242, 247, 250, 1);
			border-radius: 8px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(0, 90, 147, 1);
			display: flex;
			justify-content: space-around;
			margin-top: 0.5rem;
			font-size: 0.7rem;
			padding: 0.5rem;
			margin-bottom: 0.5rem;
		}

		.goodsName {
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(0, 90, 147, 1);
			/* width: 13.5rem; */
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.goImg {
			/*width: 5rem;*/
			/*border: 1px solid black;*/
			height: 1rem;
			width: 2rem;
		}

		.goImg img {
			width: 1rem
		}

		.showOrder {
			margin-right: 0.1rem;
			background: rgba(240, 241, 242, 1);
		}

		.pd {
			padding-bottom: 0.1rem
		}
	</style>
	<style type="text/css">
	.aui-bar-nav {
		background-color: #005A93;
		color: #fff;
	}

	.aui-bar-nav .aui-btn {
		padding-right: 0;
		padding-left: 0.75rem;
	}

	.aui-bar-nav .aui-pull-left {
		height: 1.7rem;
		line-height: 1.7rem;
		background-color: #F5F5F5;
		border-radius: 0.25rem;
		margin-top: 0.275rem;
		width: calc(100vw - 3.25rem);
		width: -webkit-calc(100vw - 3.25rem);
	}

		.aui-bar-tab .aui-active {
			color: #6FBAFF;
		}

		.aui-tab-item.aui-text-linear:after {
			content: '';
			position: absolute;
			width: 1.2rem;
			bottom: -1px;
			height: 2px;
			left: 50%;
			margin-left: -0.6rem;
			background-color: #CE00FF;
		}

		.aui-bar-tab-item img {
			display: inline-block;
			width: 1.1rem;
		}

		.aui-bar-tab .aui-bar-tab-item {
			height: 2.45rem;
			margin-top: .3rem;
		}

		.aui-bar-tab .aui-bar-tab-label {
			display: block;
			font-size: 0.5rem;
			position: initial;
			line-height: 0.5;
		}

		.ming-bg-app {
			/* background-color: RGBA(105, 0, 120, 1) !important; */
		}

		#aui-header .aui-tab-item {
			font-size: 0.8rem;
		}

		.img-size {
			width: 1.1rem;
			height: 1.1rem;
			/*padding-left: 1.5rem;*/
		}

		#navbar {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 99;
		}
		/* .home .aui-bar-nav{filter:alpha(opacity="1");opacity:1;}
		.home .aui-pull-left{position: relative; z-index: 999999999;}
		.ming-bg-blue{height:0 !important;} */

		.ming-bg-alpha {
			display: none !important
		}

	</style>
</head>

<body>
	<div id="app" v-cloak="">
		<div style="position:fixed;top:0;right:0;z-index:9999;width:100%">
			<header class="aui-bar aui-bar-nav" >
				会员圈
				<!-- <div tapmode onclick="openWin_Search()" class="aui-pull-left"
					style="width:92%;height:34px;line-height:34px;margin-left: 15px;border-radius: 30px;margin-right:25px;">
					<img style="width:14px;height:14px;display: inline-block;margin-left:10px;margin-right:5px"
						src="../image/btn/btn-search-new.svg" />
					<span
						style="font-size: 14px;color: #BBBBBB;font-family:PingFangSC-Regular;font-weight:400;">请输入关键词</span>
				</div> -->

			</header>
			<div class="circle_tab ming-bg-white">
				<div class="circle_tab_item" :class="{'active_active_tab':circle_index=='0'}" tapmode
					onclick="tapxiaoxun_index(0)">
					<span>最新</span>
				</div>
				<div class="circle_tab_item" :class="{'active_active_tab':circle_index=='1'}" tapmode
					onclick="tapxiaoxun_index(1)" style="display:none">
					<span>资讯</span>
				</div>
				<div class="circle_tab_item" :class="{'active_active_tab':circle_index=='2'}" tapmode
					onclick="tapxiaoxun_index(2)" style="display:none">
					<span>会员秀</span>
				</div>
				<div class="circle_tab_item" :class="{'active_active_tab':circle_index=='3'}" tapmode
					onclick="tapxiaoxun_index(3)">
					<span>晒单</span>
				</div>
				<!-- <div class="circle_tab_item" :class="{'active_active_tab':circle_index=='4'}" tapmode
					onclick="tapxiaoxun_index(4)">
					<span>秒杀</span>
				</div>
				<div class="circle_tab_item" :class="{'active_active_tab':circle_index=='5'}" tapmode
					onclick="tapxiaoxun_index(5)">
					<span>拼团</span>
				</div> -->
			</div>
		</div>



			<div style="margin-top:5.0rem;">

				<!-- 最新发布和点赞最多 -->
				<div style="background-color:white;" v-if="info.length > 0">
					<div v-for="(vo,index1) in 1" v-if="index==1||index==2" class="latestRelease" >
						<div style="margin-left:4rem;" tapmode  tapmode onclick="tapxiaoxun_index('new')">
							<div v-if="flag=='new'" class="latestRelease_first_active">
								<span>最新发布</span>
							</div>
							<div v-else class="latestRelease_first">
								<span>最新发布</span>
							</div>
						</div>
						<div class="line_news">

						</div>
						<div tapmode  tapmode onclick="tapxiaoxun_index('zan')">
							<div v-if="flag=='zan'" class="latestRelease_second_active">
								<span>被赞最多</span>
							</div>
							<div v-else  class="latestRelease_second">
								<span>被赞最多</span>
							</div>
						</div>
					</div>
				</div>


				<!-- 资讯缺失业 -->
				<div v-if="info.length == 0" style="width:7.55rem;margin:6rem auto;text-align:center">
					<img src="../image/icon/no_data.png" alt="">
					<div style="font-size:0.75rem;font-family:PingFangSC-Regular;font-weight:400;color:#B3B3B3;line-height:1.05rem;margin-top:1.35rem">
						暂无搜索结果
					</div>
				</div>

				<div v-for="(vo,index1) in info" v-if="index==0||index==1||index==2||index==3" >

					<!-- 资讯 -->
					<div class="newest" style="padding-top:0">
						<div v-if="vo.catid=='1'" >
							<!-- 头像==昵称==时间 -->
							<div class="newest_head">
								<!-- 头像 -->
								<div @click="openWin_circle_details(vo.id,'资讯详情',index1)" class="headPortrait" tapmode>
									<img :src=vo.avatar />
								</div>
								<!-- 昵称  时间-->

								<div class="newest_name_time" tapmode>
									<div  @click="openWin_circle_details(vo.id,'资讯详情',index1)" class="newest_name">
										{{vo.nickname}}
										<!-- 张鼎鼎的鱼 -->
									</div>
									<div class="newest_time">
										{{vo.create_time}}
										<!-- 2020.08.16 -->
									</div>
								</div>
								<!-- 更多 -->
								<!-- @click="showmenu(vo.catid,vo.id,vo.uid)" -->
								<div @click="showmenu(vo.catid,vo.id,vo.uid)" class="more_circle" tapmode>
									<img style="width: 1.1rem;" src="../image/icon/more.png" />
								</div>
							</div>

							<!-- 内容-->
							<div class="contTit">
									{{vo.title}}
									<!-- 巴德士乳胶漆白色内墙自刷墙面漆涂料油漆室是是是是是是是 -->
							</div>
							 <!-- @click="openWin_circle_details(vo.id,'资讯详情',index1)" -->
							<div @click="openWin_circle_details(vo.id,'资讯详情',index1)" class="newest_cont" tapmode v-html="vo.content">

									<!-- {{vo.content}} -->
								<!-- 这个墙面漆蜂场好用，我之前用功其他的品牌，都没有这一款好用，非常值得推荐，这个墙面漆蜂场好用，我之前用功其他的品牌，都没有这一款额… -->
							</div>


							<!-- 图片展示 -->
								 <!--  -->
							<div class="imgBox" v-if="vo.img.length > 0">
								<div class="imgItem" tapmode v-for="(item,index) in vo.img" :key="index" @click.stop="showimg(vo.img,index)">
									<img :src="item" />
								</div>
							</div>


							<!-- 转发-评论-点赞-收藏 -->
							<div calss=""  id="comment_wraper">
								<!-- 点赞 -->
								<div class="zanBox" tapmode @click="opera_data(1,vo.catid,vo.id,index1,vo.is_zan)">
									<img v-if="vo.is_zan=='0'" src="../image/icon/icon-zan.png"  class="wraperImg"/>
									<img v-if="vo.is_zan=='1'" src="../image/icon/icon-zan-active.png"  class="wraperImg"/>

									<span class="wraperSpan">{{vo.zan_num}}</span>
								</div>

								<div class="pingBox" tapmode @click="openWin_circle_details(vo.id,'资讯详情',index1)">
									<img v-if="vo.is_comment=='0'" src="../image/icon/icon-comment.png"  class="wraperImg"/>
									<img v-if="vo.is_comment>'0'" src="../image/icon/news_detail.png"  class="wraperImg"/>
									<span class="wraperSpan">{{vo.comment_num}}</span>
								</div>

								<div class="cangBox" tapmode @click="opera_data(2,vo.catid,vo.id,index1,vo.is_fav)">
									<img v-if="vo.is_fav=='0'" src="../image/icon/icon-fav.png"  class="wraperImg"/>
									<img v-if="vo.is_fav=='1'" src="../image/icon/icon-fav-active.png"  class="wraperImg"/>
									<span class="wraperSpan">{{vo.collect_num}}</span>
								</div>
							</div>
						</div>
					</div>


					<!-- 最新/会员秀 page 222  2019/8/14  -->
					<div class="newest" style="padding-top:0">
						<div v-if="vo.catid=='2'">
							<!-- 头像==昵称==时间 -->
							<div class="newest_head">
								<div class="headPortrait" tapmode @click="openWin_circle_details(vo.id,'资讯详情',index1)">
									<img :src="vo.avatar" />
								</div>

								<div class="newest_name_time" tapmode @click="openWin_circle_details(vo.id,'资讯详情',index1)">
									<div class="newest_name">
										{{vo.nickname}}
										<!-- 不写行内样式 -->
									</div>
									<div class="newest_time">
										{{vo.create_time}}
										<!-- 2020.08.16 -->
									</div>
								</div>
								<div class="more_circle" tapmode @click="showmenu(vo.catid,vo.id,vo.uid)" >
									<img style="width: 1.1rem;" src="../image/icon/more.png" />
								</div>
							</div>

							<!-- 内容-->
							<div class="contTit">
									<!-- 巴德士乳胶漆白色内墙自刷墙面漆涂料油漆室是是是是是是是 -->
									{{vo.title}}
							</div>
							<!-- v-html="vo.content.replace(/\n/g, '<br/>')" -->
							<div @click="openWin_circle_details(vo.id,'资讯详情',index1)" class="newest_cont" tapmode>
								<!-- 这个墙面漆蜂场好用，我之前用功其他的品牌，都没有这一款好用，非常值得推荐，这个墙面漆蜂场好用，我之前用功其他的品牌，都没有这一款额… -->
								{{vo.content}}
							</div>


							<div class="imgBox" v-if="vo.img.length > 0">
								<div class="imgItem" tapmode v-for="(item,index) in vo.img" :key="index" @click.stop="showimg(vo.img,index)">
									<img :src="item" />
								</div>
							</div>

							<!-- 转发-评论-点赞-收藏 -->
							<div calss="comment_wraper"  id="comment_wraper">
								<!-- 点赞 -->
								<div class="zanBox" tapmode @click="opera_data(1,vo.catid,vo.id,index1,vo.is_zan)">
									<img v-if="vo.is_zan=='0'" src="../image/icon/icon-zan.png"  class="wraperImg"/>
									<img v-if="vo.is_zan=='1'" src="../image/icon/icon-zan-active.png"  class="wraperImg"/>
									<span class="wraperSpan">{{vo.zan_num}}</span>
								</div>

								<div class="pingBox" tapmode @click="openWin_circle_details(vo.id,'资讯详情',index1)">
									<img v-if="vo.is_comment=='0'" src="../image/icon/icon-comment.png"  class="wraperImg"/>
									<img v-if="vo.is_comment>'0'" src="../image/icon/news_detail.png"  class="wraperImg"/>
									<span class="wraperSpan">{{vo.comment_num}}</span>
								</div>

								<div class="cangBox" tapmode @click="opera_data(2,vo.catid,vo.id,index1,vo.is_fav)">
									<img v-if="vo.is_fav=='0'" src="../image/icon/icon-fav.png"  class="wraperImg"/>
									<img v-if="vo.is_fav=='1'" src="../image/icon/icon-fav-active.png"  class="wraperImg"/>
									<span class="wraperSpan">{{vo.collect_num}}</span>
								</div>
							</div>

						</div>
					</div>
					<!-- 会员秀结尾 -->
					<div class="newest pd" style="padding-top:0;" v-for="(item,index) in info" :key="index" v-if="item.catid=='3'">
						<div class="newest_head">
							<!-- @click="openWin_circle_details(vo.id,'资讯详情',index1)" -->
							<div class="headPortrait" tapmode >
								<img :src="item.avatar" />
							</div>

							<div class="newest_name_time" tapmode @click="openWin_circle_details(item.id,'资讯详情',index1)">
								<div class="order_name">
									{{item.nickname}}
								</div>
							</div>
							<!-- 星级 -->
							<!-- v-if="item.star_num > 1" -->
							<div class="starsBox">
								<div class="starsItem" v-if="item.star_num > 0">
									<img src="../image/icon/starsImg.png" alt="">
								</div>

								<div class="starsItem" v-if="item.star_num > 1">
									<img src="../image/icon/starsImg.png" alt="">
								</div>

								<div class="starsItem" v-if="item.star_num > 2">
									<img src="../image/icon/starsImg.png" alt="">
								</div>

								<div class="starsItem" v-if="item.star_num > 3">
									<img src="../image/icon/starsImg.png" alt="">
								</div>

								<div class="starsItem" v-if="item.star_num > 4">
									<img src="../image/icon/starsImg.png" alt="">
								</div>
							</div>
						</div>

						<!-- 时间 距离 -->
						<div class="time_distance">
							<div class="timeText">
								{{item.create_time}}
							</div>
							<div class="distanceText">
								{{item.good_sku}}
							</div>
						</div>

						<!-- 评价 -->
						<div class="commentBox">
							{{item.content}}
						</div>

						<!-- 评价图片 -->
						<div class="imgBox" v-if="item.img.length > 0">
							<div class="imgItem" tapmode v-for="(itemImg,index) in item.img" :key="index" @click.stop="showimg(item.img,index)">
								<img :src="itemImg" />
							</div>
						</div>

						<!-- 回复 -->
						<div class="replyBox"  v-if="item.remark" style="width:100%">
							官方回复：{{item.remark}}
						</div>

						<!-- 跳转到商品详情 -->
						<div class="goGoods"  @click="openWin_goods_detail(item.good_id)" style="width:100%">
							<div class="goodsName">
									{{item.good_name}} 点击进入商品详情
							</div>
							<div class="goImg">
								<img src="../image/icon/goGoods1.png" alt="">
							</div>
						</div>

					</div>

				</div>

				<!-- 晒单 -->
				<div v-if="index==3" class="showOrder">
					<div class="newest pd" style="padding-top:0;" v-for="(item,index) in info" :key="index">
						<div class="newest_head">
							<!-- @click="openWin_circle_details(vo.id,'资讯详情',index1)" -->
							<div class="headPortrait" tapmode >
								<img :src="item.avatar" />
							</div>

							<div class="newest_name_time" tapmode @click="openWin_circle_details(item.id,'资讯详情',index1)">
								<div class="order_name">
									{{item.nickname}}
								</div>
							</div>
							<!-- 星级 -->
							<!-- v-if="item.star_num > 1" -->
							<div class="starsBox">
								<div class="starsItem" v-if="item.star_num > 0">
									<img src="../image/icon/starsImg.png" alt="">
								</div>

								<div class="starsItem" v-if="item.star_num > 1">
									<img src="../image/icon/starsImg.png" alt="">
								</div>

								<div class="starsItem" v-if="item.star_num > 2">
									<img src="../image/icon/starsImg.png" alt="">
								</div>

								<div class="starsItem" v-if="item.star_num > 3">
									<img src="../image/icon/starsImg.png" alt="">
								</div>

								<div class="starsItem" v-if="item.star_num > 4">
									<img src="../image/icon/starsImg.png" alt="">
								</div>
							</div>
						</div>

						<!-- 时间 距离 -->
						<div class="time_distance">
							<div class="timeText">
								{{item.create_time}}
							</div>
							<div class="distanceText">
								{{item.good_sku}}
							</div>
						</div>

						<!-- 评价 -->
						<div class="commentBox">
							{{item.content}}
						</div>

						<!-- 评价图片 -->
						<div class="imgBox" v-if="item.img.length > 0">
							<div class="imgItem" tapmode v-for="(itemImg,index) in item.img" :key="index" @click.stop="showimg(item.img,index)">
								<img :src="itemImg" />
							</div>
						</div>

						<!-- 回复 -->
						<div class="replyBox"  v-if="item.remark" style="width:100%">
							官方回复：{{item.remark}}
						</div>

						<!-- 跳转到商品详情 -->
						<div class="goGoods"  @click="openWin_goods_detail(item.good_id)" style="width:100%">
							<div class="goodsName">
									{{item.good_name}} 点击进入商品详情
							</div>
							<div class="goImg">
								<img src="../image/icon/goGoods1.png" alt="">
							</div>
						</div>

					</div>
				</div>
				<!-- 秒杀 -->
				<div v-if="index==4" class="seckill_box">
					<div>
						<!-- 显示当前秒杀状态的实时时间 -->
						<div>
							<div v-if="info.miao_end_date&&info.miao_end_date!='暂无活动'" class="seckill_header" >

								<div style="font-size:0.7rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(51,51,51,1);margin-right:0.2rem;">距离结束</div>
								<div class="seckill_header_time">
									<div class="seckillNum" style="width:auto;">{{settime('h',now_time,info.miao_end_date)}}</div>
									<span>:</span>
									<div class="seckillNum" style="width:auto;">{{settime('m',now_time,info.miao_end_date)}}</div>
									<span>:</span>
									<div class="seckillNum" style="width:auto;">{{settime('s',now_time,info.miao_end_date)}}</div>
								</div>
								<!-- <div class="right_line">

								</div> -->
							</div>
							<!-- 秒杀商品信息 -->
							<div v-if="info.good_list" v-for="vo in info.good_list" tapmode @click="openWin_goods_detail(vo.good_id)" class="seckill_div">
								<div class="seckill_detail">
									<div class="left_img">
										<img :src="vo.cover" alt="">
									</div>
									<div class="right_cont">
										<div class="right_cont_title">
											{{vo.title}}
										</div>

										<div class="seckill_btn" v-if="settime('h',now_time,info.miao_end_date)!='00'||settime('m',now_time,info.miao_end_date)||'00'&&settime('s',now_time,info.miao_end_date)||'00'">
											<div>
												<span style="font-size: .7rem;color:#FF6642;">￥<span class="nowPrice">{{price_format('yuan',vo.miao_price)}}.<span class="nowPrice" >{{price_format('fen',vo.miao_price)}}</span></span>
												</span>

												<div>
														<del class="oldPrice">￥{{vo.current_price}}</del>
												</div>

											</div>

											<div v-if="vo.sold_per == '100'" class="buy_immediately_ms" style="background:rgba(255,255,255,1);">
												已售罄
											</div>
											<div v-else class="buy_immediately_ms">
												立即抢购
												<div style="background:rgba(255,255,255,0.26);border-radius:2px;width:100%;height:0.1rem;margin-top:0.15rem;">
													<div style="background-color:white;width:30%;border-radius:2px;height:100%;"></div>
												</div>
												<div class="buyNum">
													已售{{vo.sold_num}}件
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 没有数据 -->
							<div v-if="info.good_list.length<1" style="text-align:center;">
								<img src="../image/bg/bg-nomessage.png" style="width:7.55rem;margin:0 auto;margin-top:6rem;margin-bottom:1.35rem;" />
								<div style="font-size:0.75rem;font-family:PingFangSC-Regular;font-weight:400;color:#B3B3B3;">
									暂无活动
								</div>
							</div>
						</div>
					</div>
					</div>


					<!-- 拼团 -->
					<div v-if="index==5" class="makeGroup_box">
						<div>
							<!-- 显示当前秒杀状态的实时时间 -->
							<div>
								<div v-if="info.good_list.length>=1" class="seckill_header" >

									<div style="font-size:0.7rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(51,51,51,1);margin-right:0.2rem;">距离结束:</div>


									<div class="scekillTime">
										{{info.tuan_date}}
									</div>

								</div>
								<!-- 拼团商品信息 -->
								<div  class="makeGroup" v-if="info.good_list" v-for="vo in info.good_list" tapmode @click="if(vo.status=='0')return;openWin_goods_detail(vo.good_id)">
									<div class="seckill_detail">
										<!-- 商品图片 -->
										<div class="left_img">
											<img :src="vo.cover" alt="">
										</div>
										<!-- 商品描述 -->
										<div class="right_cont">
											<div class="right_cont_title">
												{{vo.title}}
											</div>


											<div class="seckill_btn" v-if="settime('h',now_time,info.miao_end_date)!='00'||settime('m',now_time,info.miao_end_date)||'00'&&settime('s',now_time,info.miao_end_date)||'00'">

												<!-- 现价 -->
												<div>
													<span style="font-size: .7rem;color:#FF6642;">￥<span class="nowPrice">{{price_format('yuan',vo.tuan_price)}}.</span>
													<span class="nowPrice">{{price_format('fen',vo.tuan_price)}}</span></span>

													<!-- 原价 -->
													<div>
														<del class="oldPrice" style="color:rgba(153,153,153,.7);font-size: .65rem;font-weight:400;">￥{{vo.cost_price}}</del>
													</div>
												</div>

												<!-- 拼团按钮 -->
												<div v-if="vo.sold_per == '100'" class="buy_immediately" style="background:rgba(255,255,255,1);">
													已售罄
													<span class="makeGroup_num">{{vo.sold_per}}人成团</span>
												</div>
												<div v-else class="buy_immediately">
													去拼团
													<span class="makeGroup_num">{{vo.sold_per}}人成团</span>
												</div>
											</div>

										</div>
									</div>
								</div>


								<div v-if="info.good_list.length<1" style="text-align:center;">
									<img src="../image/bg/bg-nomessage.png" style="width:7.55rem;margin:0 auto;margin-top:6rem;margin-bottom:1.35rem;" />
									<div style="font-size:0.75rem;font-family:PingFangSC-Regular;font-weight:400;color:#B3B3B3;">
										暂无活动
									</div>
								</div>
							</div>
						</div>
						</div>

					<!-- 回到顶部	 -->
					<transition name="fade">
						<div v-if="backTopShow&&index!=4&&index!=5" tapmode onclick="backTop()" style="position: fixed;right: 0.75rem;bottom: 1.5rem;z-index: 99;">
							<img style="width: 2.75rem;" src="../image/btn/btn-gotop.png" />
						</div>
					</transition>

			</div>

		<!-- <template id="" v-else style="height:100%;text-align:center">
			<img src="../image/icon/nonetwork.png" alt="" style="width:5.5rem;margin:11.4rem auto;margin-bottom:0.5rem;">
			<div style="font-size:0.75rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(34,34,34,1);line-height:1.05rem;text-align:center;">
				暂无网络
			</div>
			<div class="btn_refresh" tapmode onclick="refresh_network()">
				刷新
			</div>
		</template> -->

	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
	var vm = new Vue({
		el: '#app',
		data: {
			index: 0,
			info: [],
			page: 1,
			id: 0,
			flag: 'new',
			loadmore: true,
			backTopShow: false,
			now_time: Date.parse(new Date()) / 1000,
			xiaoyou_index: 'new',
			isnetwork: true,
			circle_index: 0,
		},
		// mounted(){
		// 	let sArr = vm.starsArr;
		// 	console.log(sArr);
		// },
		methods: {
			//播放视频
			videoPlay: function(path) {
				openWin('circle/video_new', {
					video: path
				})
			},
			//展示资讯大图
			showimg: function(new_img_list, index) {
				console.log(new_img_list);
				console.log(index);
				var photoBrowser = api.require('photoBrowser');
				photoBrowser.open({
					images: new_img_list,
					activeIndex: index,
					placeholderImg: 'widget://res/img/apicloud.png',
					bgColor: '#000'
				}, function(ret, err) {
					if (ret) {
						if (ret.eventType == 'click') {
							photoBrowser.close();
						}
					} else {
						toast('图片加载失败');
					}
				});


			},
			//上传视频
			open_video_win: function() {
				// if (video_play == 0) {
				// toast('视频上传中，请稍候！')
				// } else {
				api.openWin({
					name: 'open_video_win',
					url: 'widget://html/open_video_win.html',
					animation: {
						duration: 200,
						type: "push", //动画类型（详见动画类型常量）
						subType: "from_right",
					},
					slidBackEnabled: false,
					bounces: false,
					bgColor: '#ffffff',
					vScrollBarEnabled: true,
					hScrollBarEnabled: false,
					reload: true,
					delay: 0,
					pageParam: {
						files: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
						token: vm.token
					}
				});
				// }
			},
			// 获取资讯数据
			get_list: function() {

				get_data('api/Xiaoyouquan/xyqList', {
					token: $api.getStorage('token'),
					cat_id: vm.index + '',
					flag: vm.flag,
					page: vm.page
				}, function(ret) {

					if (ret) {
						// alert(JSON.stringify(ret.data,null,2));
						if (ret.data.length < 20) {
							vm.loadmore = false
						} else {
							vm.loadmore = true
						}
						if (vm.index < 4) {
							ret.data.forEach(function(el) {
								vm.info.push(el)
							})
						} else {
							vm.info = ret.data
							vm.loadmore = false
						}
					}
					// console.log(JSON.stringify(vm.info))
				})
			},
			// 商品价格
			price_format: function(type, price) {
				var price = (price).toFixed(2);
				var status = (price + '').indexOf('.')
				if (status == '-1') {
					if (type == 'yuan') {
						return price;
					}
					if (type == 'fen') {
						return '00';
					}
				}
				var price_array = (price + '').split('.')
				if (type == 'yuan') {
					return price_array[0];
				}
				if (type == 'fen') {
					var price_fen = price_array[1].length < 2 ? price_array[1] + '0' : price_array[1];
					return price_fen;
				}
			},
			//秒杀时间
			settime: function(type, nowtime, el) {
				var data = TimeCountDowns(el, nowtime);
				if (data != '0') {
					if (type == 'h') {
						return data.hours
					}
					if (type == 'm') {
						return data.minutes
					}
					if (type == 's') {
						return data.seconds
					}
				} else {
					return '00';
				}
			}
		}
	})
	apiready = function() {
		// $api.fixStatusBar($api.byId('aui-header'))
		// isOnLineStatus();
		vm.get_list()
		// fnInitPullRefresh(function() {
			vm.page = 1;
			vm.info = [];
			vm.loadmore = true
			init()
		// })
		fnInitScrollToBottom(function() {
				if (vm.loadmore) {
					vm.page += 1;
					init()
				}
			})
			// 新版刷新
		// refresh_new(function() {
		// 		setTimeout(function() {
		// 			vm.loadmore = true
		// 			vm.page = 1;
		// 			vm.info = [];
		// 			init()
		// 			api.refreshHeaderLoadDone()
		// 		}, 1000)
		// 	})
			//首页顶部最新按钮跟点赞数按钮点击时触发
		add_event('circle_index', function(ret) {
				vm.index = ret.index;
				vm.page = 1;
				vm.info = [];
				vm.loadmore = true
				init()
			})
			//首页顶部最新按钮跟点赞数按钮点击时触发
		add_event('circle_flag', function(ret) {
				vm.flag = ret.flag;
				vm.page = 1;
				vm.info = [];
				vm.loadmore = true
				init()
			})
			//有交互操作
		add_event('circle_opera', function(ret) {
			log('交互操作了')
			vm.page = 1;
			vm.info = [];
			vm.loadmore = false
			init()
		})
		setInterval(function() {
			vm.now_time = Date.parse(new Date()) / 1000
		}, 200)
		add_event('collection_cancel', function(ret) {
			vm.info[ret.circle_index].is_fav = '0'
		})
		add_event('collection_new', function(ret) {
			vm.info[ret.circle_index].is_fav = '1'
		})
		add_event('thumbs_cancel', function(ret) {
			vm.info[ret.circle_index].is_zan = '0'
			vm.info[ret.circle_index].zan_num = parseInt(vm.info[ret.circle_index].zan_num) - 1;
		})

		add_event('thumbs_new', function(ret) {
			vm.info[ret.circle_index].is_zan = '1'
			vm.info[ret.circle_index].zan_num = parseInt(vm.info[ret.circle_index].zan_num) + 1;
		})
	};

	function init() {
		vm.get_list()
	}
	// 选项卡数据渲染
	function tapindex(index) {
		console.log(index);
		if (vm.index != index) {
			vm.index = index
			console.log(vm.index);
			send_event('circle_index', {
				index: vm.index
			})
			vm.flag = 'new';
			vm.page = 1;
			vm.info = [];
			vm.loadmore = true;
			init()
		}
	}

	function showmenu(catid, id, uid) {
		$api.setStorage('catid', catid);
		$api.setStorage('id', id);
		$api.setStorage('uid', uid);
		api.openFrame({
			name: 'actionsheet',
			url: 'actionsheet.html',
			bounces: false,
			rect: {
				x: 0,
				y: 0,
				w: 'auto',
				h: 'auto'
			},
			vScrollBarEnabled: false,
			bgColor: 'rgba(0,0,0,0)'
		})
	}
	//		点赞方法
	function opera_data(type, catid, id, index, status) {
		console.log(type);
		console.log(index);
		var source = catid == '1' ? 'xx' : 'xyx'
		opera(id, source, type, function(ret) {
			console.log(JSON.stringify(ret));
			if (ret.status) {
				//点赞
				if (type == '1' && status == '1') {
					toast('取消点赞成功')
					vm.info[index].is_zan = '0'
					vm.info[index].zan_num = parseInt(vm.info[index].zan_num) - 1;
				}
				if (type == '1' && status == '0') {
					toast('点赞成功')
					vm.info[index].is_zan = '1'
					vm.info[index].zan_num = parseInt(vm.info[index].zan_num) + 1;
				}
				if (type == '2' && status == '1') {
					toast('取消收藏成功')
					vm.info[index].is_fav = '0';
					vm.info[index].collect_num = parseInt(vm.info[index].collect_num) - 1;
				}
				if (type == '2' && status == '0') {
					toast('收藏成功')
					vm.info[index].is_fav = '1';
					vm.info[index].collect_num = parseInt(vm.info[index].collect_num) + 1;
				}
			}
		})
	}
	//下拉显示返回顶部菜单
	window.onscroll = function() {
		var t = document.documentElement.scrollTop || document.body.scrollTop;
		if (t > 100) {
			vm.backTopShow = true
		} else {
			vm.backTopShow = false
		}
	}

	// 回到顶部
	function backTop() {
		document.documentElement.scrollTop = 0
		document.body.scrollTop = 0
	}

	// 切换-最新发布-被赞最多
	// 资讯
	function tapxiaoxun_index(index) {
		send_event('circle_flag', {
			flag: index
		})
	}
	// 会员秀
	function tapxiaoyou_index(index) {
		send_event('circle_flag', {
			flag: index
		})
	}


	function refresh_network() {
		vm.get_list()
		send_event('reflesh_network');
		var flag = true;　　　　
		function once() {　　　　　　
			if (flag) {　　　　　　　　
				window.location.reload()　　　　　　　　
				flag = false;　　　　　　
			} else {　　　　　　　　
				return;　　　　　
			}　　　　
		}　　　　
		once();
	}

	function isOnLineStatus(callback) {
		var s = api.connectionType;
		var count = 0;
		s = s.toLowerCase();
		if ((s.indexOf('wifi') != -1) || (s.indexOf('3g') != -1) || (s.indexOf('4g') != -1) || (s.indexOf('2g') != -1)) {
			//callback(true, s);
			vm.isnetwork = true

		} else {
			vm.isnetwork = false
		}
	}

	function tapxiaoxun_index(index) {
		if (vm.circle_index != index) {
			vm.circle_index = index
			send_event('circle_index', {
				index: vm.circle_index
			})
		}
	}
</script>

</html>
